<template>
  <div class="box">
    <h2>Event2组件</h2>
    <button @click="$emit('click','小甜甜')">分发自定义事件click</button>
    <button @click="$emit('xxx',{name:'小甜甜',age:20})">分发自定义事件xxx</button>
    <button @click="$emit('increment',10)">分发自定义事件increment</button>
  </div>
</template>

<script lang="ts" name="Event2" setup>
  // 直接接收父级组件传递过来的自定义事件
  // 不接收，默认的也可以执行，会有冒泡效果
  // 接收后，默认的点击就没了
  // 第一种接收方式
  const emit = defineEmits(['click','xxx','increment'])
  // 第二种接收方式
  // defineEmits<{
  //   (e:'click',val: string):void
  //   (e:'xxx',val: Object):void
  //   (e:'increment',val: number):void
  // }>()
</script>

<style scoped>

</style>
